<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<script type="text/javascript">
	$(document).ready(function(){
		$("#registerForm").submit(function(){
			var id=$("#id").val();
			var password=$("#password").val();
			var name=$("#name").val();
			var address=$("#address").val();			
			if(id==""){
				alert("아이디 입력해");
				return false;
			}else if(password==""){
				alert("패스워드 입력해");
				return false;
			}else if(name==""){
				alert("이름 입력해");
				return false;
			}else if(address==""){
				alert("주소 입력해");
				return false;
			}else if($("#regResultView").text()=="중복되는 아이디입니다."){
				alert("인증받은 아이디로 가입하세요");
				return false;
			}
		});
		$("#id").keyup(function(){
			var se = $("#registerForm").serialize();
			$.ajax({
				type:"post",
				url:"${initParam.root}member/checkId.do",
				datatype:"json",
				data:se,
				success:function(data){
					//alert(data.mvo);					
			 	  	if($("#id").val()==""){
						$("#regResultView").html("");
					}else if(data==0){
						$("#regResultView").html("회원가입 가능!!").css("background","green");
					}else{
						$("#regResultView").html("중복되는 아이디입니다.").css("background","red");
					} 	 			 
				}//success
			});//ajax
		});//keyup 
	});//ready
</script>
<form id="registerForm" action="${initParam.root}member/register.do">
<!-- <input type="hidden" name="command" value="register"> -->
아이디 : <input type="text" id="id" name="id"><span id="regResultView"></span><br>
비밀번호 : <input type="password" id="password" name="password"><br>
이름 : <input type="text" id="name" name="name"><br>
주소 : <input type="text" id="address" name="address"><br>
<input type="submit" id="regBtn" value="회원가입">
</form>
